import React from "react";
import { Cascader } from 'antd';
const options = [
    {
        value: '440000',
        label: '广东省',
        children: [
            {
                value: '440100',
                label: '广州市',
                children: [
                    {
                        value: '440111',
                        label: '白云区',
                    },
                ],
            },
            {
                value: '441900',
                label: '东莞市',
                children: [
                    {
                        value: '441900',
                        label: '桥头镇',
                    },
                ],
            },
        ],
    },
];

const ZCCascader = (props) => {

    const onChange = (value) => {
        console.log(value);
    };
    return (
        <>
            <Cascader
                options={options}
                fieldNames={{
                    label:"label",
                    value:"value"
                }}
                onChange={onChange} placeholder="点击选择城市" {...props} />
        </>
    )
}

export default ZCCascader;